Guide to CSS units—px, em, rem, %, vw, vh—explaining strengths, trade-offs, and best practices: px for small fixed bits (use sparingly on HDPI), em for typographic scaling, rem for predictable root-based sizing, % for fluid containers, and vw/vh for viewport-fit elements, plus a workflow and 10vw nav example to build consistent, accessible, responsive UIs.